import React, {
  Component,
  useState,
  useEffect,
} from "react";
import {
  View,
  Text,
} from "react-native";

import styles from "./rank-footer-sheet";

export default function RankFooter(props) {
  const {
    rank,
    money,
  } = props;
  return (
    <View style={styles.content}>
      <View>
        <Text style={styles.text}>我的排名： {rank?`No.${rank}`:'暂无'}</Text>
      </View>
      <View>
        <Text style={styles.text}>收入： {(money/100).toFixed(1)} 豆子</Text>
      </View>
    </View>
  )
}